<template>
  <VPage>
    <el-tabs v-model="type" class="w-full h-7 px-3">
      <el-tab-pane v-for="d in tabs" :key="d.name" :label="d.label" :name="d.name" />
    </el-tabs>
    <div v-for="d in tabs" :key="d.name" v-show="d.name === type" style="height: calc(100% - 26px);">
      <component :is="d.list" />
    </div>
  </VPage>
</template>

<script setup>
import List from './components/List.vue'
import ListDepartment from './components/ListDepartment.vue'

const type = ref(1)
const tabs = ref([
  { label: '部门维度', name: 1, list: List },
  { label: '事业处维度', name: 2, list: ListDepartment },
])
</script>
